<div class="easyui-layout" data-options="fit:true,border:false" style="margin: 15px 0px 0px 15px">
    <div data-options="region:'center',border:false"  style="overflow: hidden;">
        <table id="menu_tg"></table>
    </div>
</div>
<div id="menu_bar" style="display: none;">
    <a href="#" onclick="add()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus'">添加</a>
    <a href="#" onclick="edit()" class="easyui-linkbutton" data-options="iconCls:'fa fa-pencil'">编辑</a>
    <a href="#" onclick="del()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove'">删除</a>
</div>
<script>
    var menu_tg;
    $(function() {
        menu_tg = $('#menu_tg').treegrid({
            url : '#(ctx)/admin/roleMenu/menuList',
            idField : 'id',
            treeField : 'text',
            parentField : 'pid',
            fit : true,
            fitColumns : true,
            border : false,
            frozenColumns : [ [ {
                title : '编号',
                field : 'id',
                width : 40
            } ] ],
            columns : [ [ {
                field : 'text',
                title : '菜单名称',
                width : 150
            }, {
                field : 'attributes',
                title : '菜单路径',
                width : 200
            },{
                field : 'opened',
                title : '菜单状态',
                width : 60,
                formatter : function(value, row, index) {
                    if (value == "1") {
                        return '打开';
                    } else {
                        return '关闭';
                    }
                }
            }, {
                field : 'sort',
                title : '排序',
                width : 40,
            }, {
                field : 'permission',
                title : '权限标志',
                width : 100,
            }, {
                field : 'type',
                title : '资源类型',
                width : 80,
                formatter : function(value, row, index) {
                    switch (value) {
                        case "0":
                            return '菜单';
                        case "1":
                            return '按钮';
                    }
                }
            }, {
                field : 'parentId',
                title : '上级资源ID',
                width : 150,
                hidden : true
            }, {
                field : 'status',
                title : '状态',
                width : 40,
                formatter : function(value, row, index) {
                    switch (value) {
                        case "0":
                            return '正常';
                        case "9":
                            return '停用';
                    }
                }
            } ] ],
            toolbar : '#menu_bar'
        });
    });
</script>